<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .optionsArea{background-color: #ccc;width:650px;padding:2px 10px;margin-bottom: 10px;}
        p{margin-top:5px;margin-bottom: 5px;}
        #collect_img{
            position: relative;
            top: -3px;
        }
        .obn{
            position: relative;
            left: 3px;
        }
    </style>
</head>
<body>
{:widget('Cate/header')}
<!--轮播图-->
<div id="slider_body">
    <ul id="slider">
     {foreach $picture_datas as $v}
        <li>
            <img src="{$v['picture_pic']}" alt="Slid 1" title="">
        </li>

        {/foreach}
    </ul>
</div><!--&lt;!&ndash; #slider_body &ndash;&gt;-->

<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>

<div id="home_banners">
    <div class="container_12">
        <div class="grid_6">
            <a href="#" class="banner banner1"><strong>Free shipping</strong> on orders over $500</a>
        </div><!-- .grid_6 -->

        <div class="grid_6">
            <a href="#" class="banner banner2"><strong>Insane discounts</strong> on new collection!</a>
        </div><!-- .grid_6 -->
    </div>
</div><!-- #home_banners -->

<section id="main" class="home">
        <div class="container_12">
            <div id="content">
                <div class="grid_12">
                    <div style="width: 1008px; height:50px; border-bottom:1px solid #ccc">
                        <div style="200px; float: left">
                            <h2 >1楼&nbsp;&nbsp;&nbsp;&nbsp;钻石</h2>
                        </div>
                        <div style="808px; float: right">
                            <a id="title01" style="font-size: 18px;line-height: 50px;  margin-right: 20px; text-decoration: none; cursor: pointer">克拉钻</a>
                            <a id="title02"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">北极光钻石</a>
                            <a id="title03"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">海淘钻石</a>
                            <a id="title04"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">裸钻</a>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div><!-- .grid_12 -->

                <div class="clear"></div>

                <div class="products" id="products_01" style="display: block;">
                    {foreach  $adverts_01 as $v}
                    <article class="grid_3 article">
                        <div style="width:231px; height:341px; overflow: hidden;">
                            <a href="{$v['pathinfos']}">
                                <img src="{$v['pic']}" alt="Product 1" style="width:230px; height:341px;">
                            </a>
                        </div><!-- .prev -->
                    </article><!-- .grid_3.article -->
                    {/foreach}

                    <div class="clear"></div>
                </div><!-- .products -->


                <!--克拉钻-->
                <div class="products" id="products_02" style="display: none">
                    {foreach $goods_datas as $v}
                    <article class="grid_3 article">
                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                        <div class="prev">
                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                        </div><!-- .prev -->

                        <h3 class="title">{$v['goods_name']}</h3>
                        <div class="cart">
                            <div class="price">
                                <div class="vert">
                                    ${$v['goods_price']}
                                    <!--<div class="price_old">$725.00</div>-->
                                </div>
                            </div>
                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                <img src="/static/home/img/project.png" title="添加点赞">
                            </a>
                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                            </a>
                        </div><!-- .cart -->

                    </article><!-- .grid_3.article -->
                    {/foreach}

                    <div class="clear"></div>
                </div><!-- .products -->


                <!--北极光钻石-->
                <div class="products" id="products_03" style="display: none">
                    {foreach $goods_datas01 as $v}
                    <article class="grid_3 article">
                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                        <div class="prev">
                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                        </div><!-- .prev -->

                        <h3 class="title">{$v['goods_name']}</h3>
                        <div class="cart">
                            <div class="price">
                                <div class="vert">
                                    ${$v['goods_price']}
                                    <!--<div class="price_old">$725.00</div>-->
                                </div>
                            </div>
                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                <img src="/static/home/img/project.png" title="添加点赞">
                            </a>
                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                            </a>
                        </div><!-- .cart -->

                    </article><!-- .grid_3.article -->
                    {/foreach}

                    <div class="clear"></div>
                </div><!-- .products -->


                <!--海淘钻石-->
                <div class="products" id="products_04" style="display: none">
                    {foreach $goods_datas02 as $v}
                    <article class="grid_3 article">
                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                        <div class="prev">
                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                        </div><!-- .prev -->

                        <h3 class="title">{$v['goods_name']}</h3>
                        <div class="cart">
                            <div class="price">
                                <div class="vert">
                                    ${$v['goods_price']}
                                    <!--<div class="price_old">$725.00</div>-->
                                </div>
                            </div>
                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                <img src="/static/home/img/project.png" title="添加点赞">
                            </a>
                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                            </a>
                        </div><!-- .cart -->

                    </article><!-- .grid_3.article -->
                    {/foreach}

                    <div class="clear"></div>
                </div><!-- .products -->

                <!--裸钻-->
                <div class="products" id="products_05" style="display: none">
                    {foreach $goods_datas03 as $v}
                    <article class="grid_3 article">
                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                        <div class="prev">
                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                        </div><!-- .prev -->

                        <h3 class="title">{$v['goods_name']}</h3>
                        <div class="cart">
                            <div class="price">
                                <div class="vert">
                                    ${$v['goods_price']}
                                    <!--<div class="price_old">$725.00</div>-->
                                </div>
                            </div>
                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                <img src="/static/home/img/project.png" title="添加点赞">
                            </a>
                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                            </a>
                        </div><!-- .cart -->

                    </article><!-- .grid_3.article -->
                    {/foreach}

                    <div class="clear"></div>
                </div><!-- .products -->

                <div class="clear"></div>
            </div><!-- #content -->

            <section id="main" class="home">
                <div class="container_12">
                    <div id="content">
                        <div class="grid_12">
                            <div style="width: 1008px; height:50px; border-bottom:1px solid #ccc">
                                <div style="200px; float: left">
                                    <h2 >2楼&nbsp;&nbsp;&nbsp;&nbsp;婚戒</h2>
                                </div>
                                <div style="808px; float: right">
                                    <a id="title05" style="font-size: 18px;line-height: 50px;  margin-right: 20px; text-decoration: none; cursor: pointer">简约独钻</a>
                                    <a id="title06"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">奢华群镶</a>
                                    <a id="title07"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">克拉钻戒</a>
                                    <a id="title08"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">纪念戒/花戒</a>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div><!-- .grid_12 -->

                        <div class="clear"></div>

                        <div class="products" id="products_06" style="display: block;">
                            {foreach  $adverts_02 as $v}
                            <article class="grid_3 article">
                                <div style="width:231px; height:341px; overflow: hidden;">
                                    <a href="{$v['pathinfos']}">
                                        <img src="{$v['pic']}" alt="Product 1" style="width:230px; height:341px;">
                                    </a>
                                </div><!-- .prev -->
                            </article><!-- .grid_3.article -->
                            {/foreach}

                            <div class="clear"></div>
                        </div><!-- .products -->


                        <!--简约独钻-->
                        <div class="products" id="products_07" style="display: none">
                            {foreach $goods2_datas as $v}
                            <article class="grid_3 article">
                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                <div class="prev">
                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                </div><!-- .prev -->

                                <h3 class="title">{$v['goods_name']}</h3>
                                <div class="cart">
                                    <div class="price">
                                        <div class="vert">
                                            ${$v['goods_price']}
                                            <!--<div class="price_old">$725.00</div>-->
                                        </div>
                                    </div>
                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                        <img src="/static/home/img/project.png" title="添加点赞">
                                    </a>
                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                    </a>
                                </div><!-- .cart -->

                            </article><!-- .grid_3.article -->
                            {/foreach}

                            <div class="clear"></div>
                        </div><!-- .products -->


                        <!--奢华群镶-->
                        <div class="products" id="products_08" style="display: none">
                            {foreach $goods2_datas01 as $v}
                            <article class="grid_3 article">
                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                <div class="prev">
                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                </div><!-- .prev -->

                                <h3 class="title">{$v['goods_name']}</h3>
                                <div class="cart">
                                    <div class="price">
                                        <div class="vert">
                                            ${$v['goods_price']}
                                            <!--<div class="price_old">$725.00</div>-->
                                        </div>
                                    </div>
                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                        <img src="/static/home/img/project.png" title="添加点赞">
                                    </a>
                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                    </a>
                                </div><!-- .cart -->

                            </article><!-- .grid_3.article -->
                            {/foreach}

                            <div class="clear"></div>
                        </div><!-- .products -->


                        <!--克拉钻戒-->
                        <div class="products" id="products_09" style="display: none">
                            {foreach $goods2_datas02 as $v}
                            <article class="grid_3 article">
                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                <div class="prev">
                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                </div><!-- .prev -->

                                <h3 class="title">{$v['goods_name']}</h3>
                                <div class="cart">
                                    <div class="price">
                                        <div class="vert">
                                            ${$v['goods_price']}
                                            <!--<div class="price_old">$725.00</div>-->
                                        </div>
                                    </div>
                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                        <img src="/static/home/img/project.png" title="添加点赞">
                                    </a>
                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                    </a>
                                </div><!-- .cart -->

                            </article><!-- .grid_3.article -->
                            {/foreach}

                            <div class="clear"></div>
                        </div><!-- .products -->

                        <!--纪念戒/花戒-->
                        <div class="products" id="products_10" style="display: none">
                            {foreach $goods2_datas03 as $v}
                            <article class="grid_3 article">
                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                <div class="prev">
                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                </div><!-- .prev -->

                                <h3 class="title">{$v['goods_name']}</h3>
                                <div class="cart">
                                    <div class="price">
                                        <div class="vert">
                                            ${$v['goods_price']}
                                            <!--<div class="price_old">$725.00</div>-->
                                        </div>
                                    </div>
                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                        <img src="/static/home/img/project.png" title="添加点赞">
                                    </a>
                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                    </a>
                                </div><!-- .cart -->

                            </article><!-- .grid_3.article -->
                            {/foreach}

                            <div class="clear"></div>
                        </div><!-- .products -->

                        <div class="clear"></div>
                    </div><!-- #content -->


                    <section id="main" class="home">
                        <div class="container_12">
                            <div id="content">
                                <div class="grid_12">
                                    <div style="width: 1008px; height:50px; border-bottom:1px solid #ccc">
                                        <div style="200px; float: left">
                                            <h2 >3楼&nbsp;&nbsp;&nbsp;&nbsp;对戒</h2>
                                        </div>
                                        <div style="808px; float: right">
                                            <a id="title09" style="font-size: 18px;line-height: 50px;  margin-right: 20px; text-decoration: none; cursor: pointer">铂金对戒</a>
                                            <a id="title10"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">男款对戒</a>
                                            <a id="title11"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">女款对戒</a>
                                            <a id="title12"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">情侣对戒</a>
                                            <a id="title13"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">热销款式</a>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div><!-- .grid_12 -->

                                <div class="clear"></div>

                                <div class="products" id="products_11" style="display: block;">
                                    {foreach  $adverts_02 as $v}
                                    <article class="grid_3 article">
                                        <div style="width:231px; height:341px; overflow: hidden;">
                                            <a href="{$v['pathinfos']}">
                                                <img src="{$v['pic']}" alt="Product 1" style="width:230px; height:341px;">
                                            </a>
                                        </div><!-- .prev -->
                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->


                                <!--铂金对戒-->
                                <div class="products" id="products_12" style="display: none">
                                    {foreach $goods3_datas as $v}
                                    <article class="grid_3 article">
                                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                        <div class="prev">
                                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                        </div><!-- .prev -->

                                        <h3 class="title">{$v['goods_name']}</h3>
                                        <div class="cart">
                                            <div class="price">
                                                <div class="vert">
                                                    ${$v['goods_price']}
                                                    <!--<div class="price_old">$725.00</div>-->
                                                </div>
                                            </div>
                                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                <img src="/static/home/img/project.png" title="添加点赞">
                                            </a>
                                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                            </a>
                                        </div><!-- .cart -->

                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->


                                <!--男款对戒-->
                                <div class="products" id="products_13" style="display: none">
                                    {foreach $goods3_datas01 as $v}
                                    <article class="grid_3 article">
                                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                        <div class="prev">
                                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                        </div><!-- .prev -->

                                        <h3 class="title">{$v['goods_name']}</h3>
                                        <div class="cart">
                                            <div class="price">
                                                <div class="vert">
                                                    ${$v['goods_price']}
                                                    <!--<div class="price_old">$725.00</div>-->
                                                </div>
                                            </div>
                                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                <img src="/static/home/img/project.png" title="添加点赞">
                                            </a>
                                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                            </a>
                                        </div><!-- .cart -->

                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->


                                <!--女款对戒-->
                                <div class="products" id="products_14" style="display: none">
                                    {foreach $goods3_datas02 as $v}
                                    <article class="grid_3 article">
                                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                        <div class="prev">
                                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                        </div><!-- .prev -->

                                        <h3 class="title">{$v['goods_name']}</h3>
                                        <div class="cart">
                                            <div class="price">
                                                <div class="vert">
                                                    ${$v['goods_price']}
                                                    <!--<div class="price_old">$725.00</div>-->
                                                </div>
                                            </div>
                                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                <img src="/static/home/img/project.png" title="添加点赞">
                                            </a>
                                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                            </a>
                                        </div><!-- .cart -->

                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->

                                <!--情侣对戒-->
                                <div class="products" id="products_15" style="display: none">
                                    {foreach $goods3_datas03 as $v}
                                    <article class="grid_3 article">
                                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                        <div class="prev">
                                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                        </div><!-- .prev -->

                                        <h3 class="title">{$v['goods_name']}</h3>
                                        <div class="cart">
                                            <div class="price">
                                                <div class="vert">
                                                    ${$v['goods_price']}
                                                    <!--<div class="price_old">$725.00</div>-->
                                                </div>
                                            </div>
                                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                <img src="/static/home/img/project.png" title="添加点赞">
                                            </a>
                                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                            </a>
                                        </div><!-- .cart -->

                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->

                                <!--热销款式-->
                                <div class="products" id="products_16" style="display: none">
                                    {foreach $goods3_datas04 as $v}
                                    <article class="grid_3 article">
                                        <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                        <div class="prev">
                                            <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                        </div><!-- .prev -->

                                        <h3 class="title">{$v['goods_name']}</h3>
                                        <div class="cart">
                                            <div class="price">
                                                <div class="vert">
                                                    ${$v['goods_price']}
                                                    <!--<div class="price_old">$725.00</div>-->
                                                </div>
                                            </div>
                                            <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                <img src="/static/home/img/project.png" title="添加点赞">
                                            </a>
                                            <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                            </a>
                                        </div><!-- .cart -->

                                    </article><!-- .grid_3.article -->
                                    {/foreach}

                                    <div class="clear"></div>
                                </div><!-- .products -->

                                <div class="clear"></div>
                            </div><!-- #content -->

                            <section id="main" class="home">
                                <div class="container_12">
                                    <div id="content">
                                        <div class="grid_12">
                                            <div style="width: 1008px; height:50px; border-bottom:1px solid #ccc">
                                                <div style="200px; float: left">
                                                    <h2 >4楼&nbsp;&nbsp;&nbsp;&nbsp;配饰</h2>
                                                </div>
                                                <div style="808px; float: right">
                                                    <a id="title14" style="font-size: 18px;line-height: 50px;  margin-right: 20px; text-decoration: none; cursor: pointer">挂坠</a>
                                                    <a id="title15"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">项链坠</a>
                                                    <a id="title16"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">耳钉</a>
                                                    <a id="title17"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">手链</a>
                                                    <a id="title18"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">手镯</a>
                                                    <a id="title19"  style="font-size: 18px;line-height: 50px; margin-right: 20px; text-decoration: none; cursor: pointer">项链</a>
                                                </div>
                                                <div class="clear"></div>
                                            </div>
                                        </div><!-- .grid_12 -->

                                        <div class="clear"></div>

                                        <div class="products" id="products_17" style="display: block;">
                                            {foreach  $adverts_02 as $v}
                                            <article class="grid_3 article">
                                                <div style="width:231px; height:341px; overflow: hidden;">
                                                    <a href="{$v['pathinfos']}">
                                                        <img src="{$v['pic']}" alt="Product 1" style="width:230px; height:341px;">
                                                    </a>
                                                </div><!-- .prev -->
                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->


                                        <!--铂金对戒-->
                                        <div class="products" id="products_18" style="display: none">
                                            {foreach $goods4_datas as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->


                                        <!--男款对戒-->
                                        <div class="products" id="products_19" style="display: none">
                                            {foreach $goods4_datas01 as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->


                                        <!--女款对戒-->
                                        <div class="products" id="products_20" style="display: none">
                                            {foreach $goods4_datas02 as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->

                                        <!--情侣对戒-->
                                        <div class="products" id="products_21" style="display: none">
                                            {foreach $goods4_datas03 as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->

                                        <!--热销款式-->
                                        <div class="products" id="products_22" style="display: none">
                                            {foreach $goods4_datas04 as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->

                                        <!--热销款式-->
                                        <div class="products" id="products_23" style="display: none">
                                            {foreach $goods4_datas05 as $v}
                                            <article class="grid_3 article">
                                                <img class="sale" src="/static/home/img/sale.png" alt="Sale">
                                                <div class="prev">
                                                    <a href="/lists/detail/id/{$v['id']}"><img src="{$v['goods_pic']}" alt="Product 1" title=""></a>
                                                </div><!-- .prev -->

                                                <h3 class="title">{$v['goods_name']}</h3>
                                                <div class="cart">
                                                    <div class="price">
                                                        <div class="vert">
                                                            ${$v['goods_price']}
                                                            <!--<div class="price_old">$725.00</div>-->
                                                        </div>
                                                    </div>
                                                    <a href="javascript:" class="like" onclick="to_gives('/gives/add/id/{$v.id}')">
                                                        <img src="/static/home/img/project.png" title="添加点赞">
                                                    </a>
                                                    <a href="javascript:;" class="bay" id="cart" onclick="to_collections('/collections/add/id/{$v.id}')">
                                                        <img src="/static/home/img/bg_timg.png" id="collect_img" alt="Buy" title="添加收藏">
                                                    </a>
                                                </div><!-- .cart -->

                                            </article><!-- .grid_3.article -->
                                            {/foreach}

                                            <div class="clear"></div>
                                        </div><!-- .products -->

                                        <div class="clear"></div>
                                    </div><!-- #content -->

        <div class="clear"></div>

        <div id="brands">
            <div class="c_header">
                <div class="grid_10" align="center">
                    <h2>婚戒推荐&全球美钻</h2>
                </div><!-- .grid_10 -->

                <div class="grid_2">
                    <a id="next_c1" class="next arows" href="#"><span>Next</span></a>
                    <a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
                </div><!-- .grid_2 -->
            </div><!-- .c_header -->

            <div class="brands_list">
                <ul id="listing">
                    {foreach($adversts_datas as $v)}
                    {if($v['sta']==2 && $v['state']==0)}
                    <li>
                        <div class="grid_2">
                            <a href="">
                                <div style="padding-bottom:10px;">
                                    <img src="{$v['pic']}" alt="Brand 1" title="">
                                </div>
                                {$v['adversts_name']}
                            </a>
                        </div><!-- .grid_2 -->
                    </li>
                    {/if}
                    {/foreach}
                </ul>
            </div><!-- .brands_list -->
        </div><!-- #brands -->
        <div id="content_bottom">
            <div class="grid_6">
                <div class="bottom_block about_as">
                    <h3>关于我们</h3>
                    <p>Lorem ipsum, libero et luctus molestie, turpis mi sagittis nisl, a scelerisque leo nulla et lectus pendisse dictum posuere elit, in congue nisl varius lentesque a tellus eget quam varius aliquet.</p>
                    <p>Pellentesque tristique, libero et luctus molestie, turpis a scelerisque leo nulla et lectus pendisse dictum posuere elit. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    <p>In congue nisl varius quis lentesque a tellus eget quam varius aliquet. Vel lobortis gravida.  Many desktop publishing packages and web page .</p>
                </div><!-- .about_as -->
            </div><!-- .grid_6 -->

            <div class="grid_6">
                <div class="bottom_block news">
                    <h3>公告</h3>
                    <ul>
                        {foreach($notice_datas as $v)}
                        {if($v['state']==0)}
                        <li>
                            <time datetime="2012-03-03">{$v['create_time']}</time>
                            <a href="/notices/index/id/{$v.id}">{$v['notices_name']}</a>
                        </li>
                        {/if}
                        {/foreach}
                    </ul>
                </div><!-- .news -->
            </div><!-- .grid_6 -->
            <div class="clear"></div>
        </div><!-- #content_bottom -->
    </div><!-- .container_12 -->
</section><!-- #main.home -->
<script>
    layui.use(['form','layer','table'], function() {
        //弹窗
        var layer = layui.layer;
        var form = layui.form;
    });

    //收藏
   function to_collections(url)
   {
       $.get(url,{},function (data) {
           if(data.status==0){
               layer.msg(data.msg,{icon:1,time:1000})
           }else{
               layer.msg(data.msg,{icon:2,time:1000})
           }
       },'json')
   }

    //点赞
    function to_gives(url)
    {
        $.get(url,{},function (data) {
            if(data.status==0){
                layer.msg(data.msg,{icon:1,time:1000})
            }else{
                layer.msg(data.msg,{icon:2,time:1000})
            }
        },'json')
    }

    //1楼
    $("#title01").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title02").css('color','#8c98c1');
        $("#title03").css('color','#8c98c1');
        $("#title04").css('color','#8c98c1');
        $('#products_01').css('display','none');
        $('#products_02').css('display','block');
        $('#products_03').css('display','none');
        $('#products_04').css('display','none');
        $('#products_05').css('display','none');
    });
    $("#title02").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title01").css('color','#8c98c1');
        $("#title03").css('color','#8c98c1');
        $("#title04").css('color','#8c98c1');
        $('#products_01').css('display','none');
        $('#products_02').css('display','none');
        $('#products_03').css('display','block');
        $('#products_04').css('display','none');
        $('#products_05').css('display','none');
    });
    $("#title03").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title01").css('color','#8c98c1');
        $("#title02").css('color','#8c98c1');
        $("#title04").css('color','#8c98c1');
        $('#products_01').css('display','none');
        $('#products_02').css('display','none');
        $('#products_03').css('display','none');
        $('#products_04').css('display','block');
        $('#products_05').css('display','none');
    });
    $("#title04").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title01").css('color','#8c98c1');
        $("#title02").css('color','#8c98c1');
        $("#title03").css('color','#8c98c1');
        $('#products_01').css('display','none');
        $('#products_02').css('display','none');
        $('#products_03').css('display','none');
        $('#products_04').css('display','none');
        $('#products_05').css('display','block');
    });


    //2楼
    $("#title05").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title06").css('color','#8c98c1');
        $("#title07").css('color','#8c98c1');
        $("#title08").css('color','#8c98c1');
        $('#products_06').css('display','none');
        $('#products_07').css('display','block');
        $('#products_08').css('display','none');
        $('#products_09').css('display','none');
        $('#products_10').css('display','none');
    });
    $("#title06").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title05").css('color','#8c98c1');
        $("#title07").css('color','#8c98c1');
        $("#title08").css('color','#8c98c1');
        $('#products_06').css('display','none');
        $('#products_07').css('display','none');
        $('#products_08').css('display','block');
        $('#products_09').css('display','none');
        $('#products_10').css('display','none');
    });
    $("#title07").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title06").css('color','#8c98c1');
        $("#title05").css('color','#8c98c1');
        $("#title08").css('color','#8c98c1');
        $('#products_06').css('display','none');
        $('#products_07').css('display','none');
        $('#products_08').css('display','none');
        $('#products_09').css('display','block');
        $('#products_10').css('display','none');
    });
    $("#title08").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title06").css('color','#8c98c1');
        $("#title07").css('color','#8c98c1');
        $("#title05").css('color','#8c98c1');
        $('#products_06').css('display','none');
        $('#products_07').css('display','none');
        $('#products_08').css('display','none');
        $('#products_09').css('display','none');
        $('#products_10').css('display','block');
    });
    $("#title05").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title06").css('color','#8c98c1');
        $("#title07").css('color','#8c98c1');
        $("#title08").css('color','#8c98c1');
        $('#products_06').css('display','none');
        $('#products_07').css('display','block');
        $('#products_08').css('display','none');
        $('#products_09').css('display','none');
        $('#products_10').css('display','none');
    });
    //3楼
    $("#title09").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title10").css('color','#8c98c1');
        $("#title11").css('color','#8c98c1');
        $("#title12").css('color','#8c98c1');
        $("#title13").css('color','#8c98c1');
        $('#products_11').css('display','none');
        $('#products_12').css('display','block');
        $('#products_13').css('display','none');
        $('#products_14').css('display','none');
        $('#products_15').css('display','none');
        $('#products_16').css('display','none');
    });
    $("#title10").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title09").css('color','#8c98c1');
        $("#title11").css('color','#8c98c1');
        $("#title12").css('color','#8c98c1');
        $("#title13").css('color','#8c98c1');
        $('#products_11').css('display','none');
        $('#products_12').css('display','none');
        $('#products_13').css('display','block');
        $('#products_14').css('display','none');
        $('#products_15').css('display','none');
        $('#products_16').css('display','none');
    });
    $("#title11").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title09").css('color','#8c98c1');
        $("#title10").css('color','#8c98c1');
        $("#title12").css('color','#8c98c1');
        $("#title13").css('color','#8c98c1');
        $('#products_11').css('display','none');
        $('#products_12').css('display','none');
        $('#products_13').css('display','none');
        $('#products_14').css('display','block');
        $('#products_15').css('display','none');
        $('#products_16').css('display','none');
    });
    $("#title12").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title09").css('color','#8c98c1');
        $("#title11").css('color','#8c98c1');
        $("#title10").css('color','#8c98c1');
        $("#title13").css('color','#8c98c1');
        $('#products_11').css('display','none');
        $('#products_12').css('display','none');
        $('#products_13').css('display','none');
        $('#products_14').css('display','none');
        $('#products_15').css('display','block');
        $('#products_16').css('display','none');
    });
    $("#title13").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title09").css('color','#8c98c1');
        $("#title11").css('color','#8c98c1');
        $("#title10").css('color','#8c98c1');
        $("#title12").css('color','#8c98c1');
        $('#products_11').css('display','none');
        $('#products_12').css('display','none');
        $('#products_13').css('display','none');
        $('#products_14').css('display','none');
        $('#products_15').css('display','none');
        $('#products_16').css('display','block');
    });
    //4楼
    $("#title14").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title15").css('color','#8c98c1');
        $("#title16").css('color','#8c98c1');
        $("#title17").css('color','#8c98c1');
        $("#title18").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','block');
        $('#products_19').css('display','none');
        $('#products_20').css('display','none');
        $('#products_21').css('display','none');
        $('#products_22').css('display','none');
        $('#products_23').css('display','none');
    });

    $("#title15").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title14").css('color','#8c98c1');
        $("#title16").css('color','#8c98c1');
        $("#title17").css('color','#8c98c1');
        $("#title18").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','none');
        $('#products_19').css('display','block');
        $('#products_20').css('display','none');
        $('#products_21').css('display','none');
        $('#products_22').css('display','none');
        $('#products_23').css('display','none');
    });
    $("#title16").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title14").css('color','#8c98c1');
        $("#title15").css('color','#8c98c1');
        $("#title17").css('color','#8c98c1');
        $("#title18").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','none');
        $('#products_19').css('display','none');
        $('#products_20').css('display','block');
        $('#products_21').css('display','none');
        $('#products_22').css('display','none');
        $('#products_23').css('display','none');
    });
    $("#title17").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title14").css('color','#8c98c1');
        $("#title15").css('color','#8c98c1');
        $("#title16").css('color','#8c98c1');
        $("#title18").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','none');
        $('#products_19').css('display','none');
        $('#products_20').css('display','none');
        $('#products_21').css('display','block');
        $('#products_22').css('display','none');
        $('#products_23').css('display','none');
    });
    $("#title18").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title14").css('color','#8c98c1');
        $("#title15").css('color','#8c98c1');
        $("#title16").css('color','#8c98c1');
        $("#title17").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','none');
        $('#products_19').css('display','none');
        $('#products_20').css('display','none');
        $('#products_21').css('display','none');
        $('#products_22').css('display','block');
        $('#products_23').css('display','none');
    });
    $("#title19").click(function()
    {
        $(this).css('color','#c11f20');
        $("#title14").css('color','#8c98c1');
        $("#title15").css('color','#8c98c1');
        $("#title16").css('color','#8c98c1');
        $("#title17").css('color','#8c98c1');
        $("#title19").css('color','#8c98c1');
        $("#title20").css('color','#8c98c1');
        $('#products_17').css('display','none');
        $('#products_18').css('display','none');
        $('#products_19').css('display','none');
        $('#products_20').css('display','none');
        $('#products_21').css('display','none');
        $('#products_22').css('display','none');
        $('#products_23').css('display','block');
    });

</script>
{:widget('Cate/footer')}
</body>
</html>


